let ft=new Vue({
    el:'#filmType',
    data:{
        types:['爱情','喜剧','动画','剧情','恐怖','惊悚','科幻','动作','悬疑','犯罪','冒险','战争','奇幻','运动','家庭','古装','武装','历史','传记','歌舞','短片','纪录片','其他'],
        adress:['大陆','美国','韩国','日本','中国香港','中国台湾','泰国','印度','法国','英国','俄罗斯','意大利','西班牙','加拿大','德国','波兰','澳大利亚','伊朗','其他'],
        user:JSON.parse(sessionStorage.getItem("user")),
        hotShows:[],
        willShows:[],
        one1Val:'',     // 用于存储已上映电影版块 用户选中的类型
        one2Val:'',     // 用于存储已上映电影版块 用户选中的区域
        two1Val:'',     // 用于存储未上映电影版块 用户选中的类型
        two2Val:''      // 用于存储未上映电影版块 用户选中的区域
        
    },
    created(){

        // 查询所有已上映的电影
        $.get('http://localhost:8080/cinema/api/SelectShowsFilmServlet.do',function(dto){
            ft.hotShows=dto.value;
            
        });

        // 查询所有未上映的电影
        $.get('http://localhost:8080/cinema/api/SelectNotShowsFilmServlet.do',function(dto){
            ft.willShows=dto.value;
            
        });
    },
    methods:{
        buy:function(id){

            // 设置本地存储数据
            localStorage.setItem("filmId", id);
            // 跳转到新页面，并且是在新窗口中打开
            window.open("home_filmInfo.html");
        },
        tishi:function(id){

            localStorage.setItem("filmId", id);
            window.open("home_filmInfo.html");
        },
        typeOne:function(event){
            // 获取当前点击对象（a 节点）
            let a = event.currentTarget;

            //先把其他节点的样式还原
            $(a).parent().siblings().removeClass("active");
            //改变当前节点的样式
            $(a).parent().addClass("active");

            this.one1Val = $("#one1").find("li[class=active] a").attr("value");
            this.one2Val = $("#one2").find("li[class=active] a").attr("value");

            let formData={
                status:1,
                condType:this.one1Val,
                condCountry:this.one2Val
            }
            // 根据影片类型和影片来源国家 模糊查询所有已上映的电影
            $.get('http://localhost:8080/cinema/api/SelectIsShowFilmsByLikeServlet.do',formData,function(dto){
                ft.hotShows=dto.value;
                
            });

            
        },
        typeTwo:function(event){
            // 获取当前点击对象
            let a = event.currentTarget;

            $(a).parent().siblings().removeClass("active");
            $(a).parent().addClass("active");

            this.two1Val = $("#two1").find("li[class=active] a").attr("value");
            this.two2Val = $("#two2").find("li[class=active] a").attr("value");

            let formData={
                status:0,
                condType:this.two1Val,
                condCountry:this.two2Val
            }
            // 根据影片类型和影片来源国家 模糊查询所有未上映的电影
            $.get('http://localhost:8080/cinema/api/SelectIsShowFilmsByLikeServlet.do',formData,function(dto){
                ft.willShows=dto.value;
                
            });
        }
    }
});